<%--
  User: Shengzhao Li
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>主页</title>
</head>
<body>
<div data-role="page" class="page">
    <div data-role="content" class="content">
        <div id="logo_" class="center">
            <img src="${contextPath}/images/logo/andaily.png" alt="andaily"/>
        </div>
        <div>
            <p class="center">
                <strong>欢迎.</strong> andaily = and + daily. 意味着我们要积极参与每一天的生活,工作; 融入每一天,
                享受并记录每一天的点点滴滴...
            </p>

            <div data-role="controlgroup" data-type="horizontal">
                <c:if test="${empty SPRING_SECURITY_CONTEXT.authentication.principal.username}" var="annoy">
                    <a href="${contextPath}/m/login" data-role="button" data-inline="true" data-icon="arrow-r"
                       data-theme="b"
                       data-transition="slide">登录</a>
                    <a href="${contextPath}/m/register" data-role="button" data-inline="true" data-icon="plus"
                       data-transition="slide">注册</a>
                </c:if>
                <c:if test="${not annoy}">
                    <a href="user/setting" data-role="button" data-inline="true" data-icon="gear"
                       data-theme="b" data-transition="slide">
                            ${SPRING_SECURITY_CONTEXT.authentication.principal.nickName}
                    </a>
                    <a href="${contextPath}/logout" data-role="button" data-inline="true" data-icon="delete"
                       data-ajax="false"
                       class="red">退出</a>
                </c:if>

            </div>
        </div>
        <%--action--%>
        <ul data-role="listview" data-inset="true" data-theme="d" data-dividertheme="f" data-count-theme="b">
            <li data-role="list-divider">操作</li>
            <li>
                <a href="${contextPath}/m/account/overview" data-transition="slide">
                    <img src="${contextPath}/images/mobile/account.png" alt="account">

                    <h3>个人账务</h3>

                    <p>如果你坚持记录你的账务信息,你将会有一个清晰的生活,所以...</p>
                    <span class="ui-li-count">${accountTotal}</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}/m/thing/overview" data-transition="slide">
                    <img src="${contextPath}/images/mobile/plan.png" alt="plan">

                    <h3>我的事情</h3>

                    <p>每个时刻,我的脑子里都计划着一些事情,我把它记下来,设定优先级,然后一件件去完成它...</p>
                    <span class="ui-li-count">${thingTotal}</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}/m/log/overview" data-transition="slide">
                    <img src="${contextPath}/images/mobile/log.png" alt="log">

                    <h3>每日日志</h3>

                    <p>每天,花点点时间记录下过去的24小时. 许多年后,回忆起,那年那天我做了什么...</p>
                    <span class="ui-li-count">${logTotal}</span>
                </a>
            </li>
            <li>
                <a href="${contextPath}/m/think/overview" data-transition="slide">
                    <img src="${contextPath}/images/mobile/think.png" alt="think">

                    <h3>我的灵感</h3>

                    <p>灵感就在一瞬间, 你需要记住它, 不管那想法是天马行空, 还是遥不可及...</p>
                    <span class="ui-li-count">5</span>
                </a>
            </li>
        </ul>

        <div>
           <script type="text/javascript">
             /*移动 - 20:3，创建于2014-7-17*/
             var cpro_id = "u1624260";
           </script>
           <script src="http://cpro.baidustatic.com/cpro/ui/cm.js" type="text/javascript"></script>
        </div>

    </div>
    <div data-role="footer" data-theme="c">
        <%--<a href="#" data-role="button" data-theme="b">中文</a>--%>
        <%--<a href="#" data-role="button" data-theme="b">Eng</a>--%>

        <p>&copy;Copyright. <strong>andaily.com</strong> ${year}.</p>
    </div>
</div>
</body>
</html>